<template>
  <div>
    <p>我是父组件--{{msg}}</p>
    <!-- 使用子组件 -->
    <Son></Son>
  </div>
</template>

<script>
// 父传子:
// 01: 通过 动态属性传值
// 02: 通过 $parent
// 03: $attrs 透传
// 04: v-model (给自定义组件绑定v-model)

// 子传父
// 01: this.$emit()
// 02: ref
// 03: v-model

import Son from "@/views/compont-tongxin/fathertochild/Son";
export default {
  data() {
    return {
      msg: "我是父组件中的数据"
    };
  },
  methods: {
    edit() {
      this.msg = "哈哈哈哈";
    }
  },
  components: {
    Son
  }
};
</script>
<style scoped>
</style>